<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <title>周考技能题</title>
  </head>
  <body>
    <div id="app">
      <div class="box">
        <div class="icon">PCC(<span>A</span>)</div>

        <div class="left">
          <div class="key">Q</div>
          <div class="key">W</div>
          <div class="key">E</div>
          <div class="key">A</div>
          <div class="key">S</div>
          <div class="key">D</div>
          <div class="key">Z</div>
          <div class="key">X</div>
          <div class="key">C</div>
        </div>

        <div class="right">
          <div class="power switch">
            <span>Power</span>
            <div class="button"></div>
          </div>

          <div class="info"></div>

          <div class="progressBar">
            <div class="slider"></div>
          </div>

          <div class="bank switch" data-str="bankUrl">
            <span>Bank</span>
            <div class="button active"></div>
          </div>
        </div>
      </div>
      <audio src=""></audio>
    </div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
